*{margin:0;padding:0}
body{text-align:center;background:#fff;color:#555;font:12px "Trebuchet MS", Arial}

p{margin-bottom:10px}
a{color:#158007;text-decoration:underline}
a:hover{text-decoration:none;outline:none}
a img{border:none}
h1{color:#C65C15;font:30px Cambria,Georgia,"Times New Roman"}

#header{position:absolute;top:0;left:0;z-index:999;width:100%;height:50px;background:url(../img/sprite.png) repeat-x 0 0;box-shadow:0 0 5px #000;color:#9cb3c6}
#menu{display:inline-block;list-style-type:none;font-size:14px;text-transform:uppercase;height:30px;width:611px;margin:10px auto 0}
#menu li{display:inline-block;width:180px;height:30px;border-left:1px dotted #4b7598}
#menu li.home{width:16px;border:none;padding-right:20px}
#menu li.home a{width:16px;height:15px;padding:0;overflow:hidden;text-indent:-100em;background:url(../img/sprite.png) no-repeat 0 -50px}
#menu li.home a:hover{background-position:0 -65px}
#menu a{color:#9cb3c6;text-decoration:none;display:block;padding-top:5px;height:25px}
#menu a:hover{color:#fff}
#menu strong{font-weight:normal;background:#9cb3c6;color:#1e527e;padding:5px 10px;border-radius:5px}

#content{width:800px;min-height:500px;margin:50px auto 0;position:relative;text-align:left;padding:200px 0 20px;background:url(../img/banner.jpg) no-repeat center 0}
#main-content{margin-left:50px;float:left;width:320px}
#main-content p{margin:20px 0 0}

#message{position:absolute;width:320px;left:60px;top:60px;font:italic 18px Georgia;color:#949d9b}
#message .author{display:block;text-align:left;font-style:normal;font-size:14px;margin-top:5px;opacity:0.5}
#message .author:before{content:"-- "}

#box{width:320px;min-height:350px;position:absolute;left:380px;top:280px;color:#736e59}
#box h1{color:#760d0d;text-align:center;padding:20px 20px 10px;background:url(../img/box-top.png) no-repeat 0 0}
#box .box-content{min-height:320px;background:url(../img/box-content.png) no-repeat 0 bottom;padding:0 20px}
#box p{margin:0 0 10px}

#photos{list-style-type:none;float:left}
#photos li{float:left;padding:10px;margin:0 0 20px 0;clear:both;width:240px}
#photos li:hover{box-shadow:0 0 5px #555;background:#fff}
#photos a{float:right;color:#7f7f7f;text-decoration:none;line-height:16px}
#photos a:hover{color:#000}
#photos a img{border:1px solid #ccc;padding:2px}
#photos h2{font-weight:normal;font-size:16px;color:#124773}

#footer{clear:both;padding:20px 0;background:#9a9a9a url(../img/sprite.png) repeat-x 0 -158px}
#footer a{text-decoration:none;color:#6b6b6b}
#footer a:hover{text-decoration:underline}
#footer .social a{display:inline-block;margin:0 5px;opacity:0.4;background:url(../img/sprite.png) no-repeat 0 0}
#footer .social a:hover{opacity:1}
#footer .social a.twitter{width:26px;height:27px;background-position:0 -80px}
#footer .social a.facebook{width:26px;height:26px;background-position:0 -107px}
#footer .social a.youtube{width:65px;height:25px;background-position:0 -133px}
